<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
  
    <title>定制-笔飞美术作品</title>
    <%@include file="../common/jspcommon.jsp"%>
	<%@include file="../common/css.jsp"%>
	<%@include file="../common/js.jsp"%>
  <link rel="stylesheet" type="text/css" href="/css/style_dz.css" />
    <title>艺术家页面-笔飞美术作品</title>
	 <link rel="stylesheet" type="text/css" href="/css/lightbox.css" />
	<script type="text/javascript" src="/js/jquery-latest.pack.js"></script>
	<script type="text/javascript" src="/js/jquery.lightbox.js"></script>
	<script type="text/javascript" src="/js/jquery.masonry.min.js"></script>
	<script>
		$(document).ready(function(){
		    base_url = document.location.href.substring(0, document.location.href.indexOf('ysj.html'), 0);
			$(".lightbox-2").lightbox({
			    fitToScreen: true
		    });
		});
		function showStory(id) {
			window.location.href="story.htm?id="+id;
		}
	</script>
    
</head>
<body>
<div id="box">
    <%@include file="../common/header.jsp" %>
    
    <div id="main_div">
        <div class="site_map"><a href="/welcome.htm">首页</a> 》<a href="/made.htm">定制</a> 》艺术家</div>
        
        <div id="dz_div_5">
            <div class="dz_div_5_l">
                <a href="${picList[0].artPic.imagePath }" class="lightbox-2" rel="ysj_img" title="">
                <img src="${picList[0].artPic.imagePath }" alt="" width="500px;" height="462px;"/></a>
                <p class="mt10"><a href="${picList[0].artPic.imagePath }" class="lightbox-2" rel="ysj_img" title="">查看所有作品</a></p>
            </div>
            <div class="dz_div_5_r">
                <div class="ysj_img"><a href="#"><img src="${artist.photo}_300x200" alt=""/></a></div>
                <p class="style4 mt10">${artist.name}</p>
                <p class="mt10">
                	<c:if test="${onlineUser.member!=null }">
                    <a href="madeArt.htm?id=${artist.id}"><img src="../images/btn_zxdz.jpg" alt=""/></a>
                    </c:if>
                    <c:if test="${onlineUser.member==null }">
                    	<a href="#" onclick="login();"><img src="../images/btn_zxdz.jpg" alt=""/></a>
                    </c:if>
                </p>
                <p class="ysj_info mt20" title="${artist.detail}">${artist.detail}</p>
            </div>
        </div>
        
        <div id="dz_div_6">
            			<c:forEach items="${picList}" var="pic" varStatus="vs">
			           			 <div class="dz_div_6_1">
			               			 <p><a href="${pic.imagePath}" class="lightbox-2" rel="ysj_img" title=""><img src="${pic.imagePath}" alt=""/></a></p>
			           			 </div>
           				 </c:forEach>
            				<div class="dz_div_6_1">
			                    <p class="style4">${story.title}</p>
			                    <p class="mt10" style="height: 250px;">${story.cutDescription}...</p>
			                    <p class="style6 mt10"><a href="#"onclick="showStory('${artist.id}');">阅读他们的故事</a></p>
			                </div>
			                
        </div>
        
        <%@include file="../common/footer.jsp" %>
    </div>
    
    
</div>
<script type="text/javascript">
function login(){
	alert("请登录！");
	window.location.href="/login.htm";
}
$(function(){
	var $container = $('#dz_div_6');
	$container.imagesLoaded(function(){
	  $container.masonry();
	});
});
</script>
</body>
</html>
